<template>
  <div class="cameraManagement">
     <el-row >
      <el-col style="display:flex;align-items: center;margin-bottom:10px;"><div class="border"></div><h3>{{cameraManagement.title}}</h3></el-col>
    </el-row>
    <el-row> 
      <div style="display:flex;align-items: center;margin-left:20px">
          <el-button type="info" style="margin-right:40px" @click="add">{{cameraManagement.add}}</el-button>
          <p>{{cameraManagement.search}}</p>
          <el-input style="width:200px;margin-right:10px"></el-input>
           <el-button type="info">{{cameraManagement.check}}</el-button>
      </div>
    </el-row>
     <el-table :data="tableData"  style="width: 100%;margin-top:10px;margin-left:20px"  :row-style="tableRowStyle" :header-cell-style="tableHeaderColor">
        <el-table-column prop="aa" :label="cameraManagement.sort" width="180" align="center"></el-table-column>
        <el-table-column prop="aa"  :label="cameraManagement.name" width="180" align="center"></el-table-column>
        <el-table-column prop="aa"  :label="cameraManagement.build" width="180" align="center"></el-table-column>
        <el-table-column prop="aa"  :label="cameraManagement.floor" align="center"></el-table-column>
        <el-table-column prop="aa"  :label="cameraManagement.roomNo" align="center"></el-table-column>
        <el-table-column prop="aa" :label="cameraManagement.oldname" align="center"></el-table-column>
        <el-table-column prop="aa"  :label="cameraManagement.dosth" align="center">
          <template slot-scope="scope">
            <el-button @click="detailClick(scope.row)" type="text" size="small">详情</el-button>
            <el-button type="text" size="small" @click="delet">删除</el-button>
          </template>
        </el-table-column>
      </el-table>
  </div>
</template>
<script>
import bus from "../../../vuex/eventBus"; //引入eventBus,接收子界面传递的跳转指令,然后在父界面跳转,添加tab
export default {
  name:'CameraManagement',
  data() {
    return {
      cameraManagement: this.$t('m.cameraManagement'),//引入 lang 里面的字符串资源,
      tableData:[{aa:11}]
    }
  }, 
  methods:{
    add(){
      this.$router.push({path:"equipmentAdd"})
    }
  },
  created() {

  },
  mounted() {

  },
}
</script>
<style lang="scss" scoped>
.border{
    width: 10px;
    height: 30px;
    background: black;
    margin-right: 10px;
  }
</style>